<div id="articleList">
  <div id="banner"></div>
  <ul id="wrap">
    <li class="card article-card clear">
      <p class="article-title"><a target='_blank'>竹喧归浣女，莲动下渔舟</a></p>
      <div class="info">
        <p class="author">王维</p>
        <span>|</span>
        <time>2015-12-24</time>
        <span class="icon"><i class="icons share"></i>4</span>
        <span class="icon"><i class="icons comment"></i>3</span>
        <span class="icon"><i class="icons read"></i>2</span>
        <span class="icon"><i class="icons agree"></i>1</span>
      </div>
      <a class="article-img clear" target="_blank">
        <img src="http://image.cheerby.cn/articleHomePageImg/20151217181717087056.jpg">
      </a>
      <p class="abstract">我是文章摘要<a target="_blank">查看全文>></a></p>
    </li>
  </ul>
</div>